价值299元

03-23 06:00

价值299元移动Web APP开发之实战美团外卖视频教程

价值299元移动Web APP开发之实战美团外卖视频教程《价值299元移动Web APP开发之实战美团外卖视频教程》本课程带领大家一步步开发及结合Hybrid将美团外卖实战项目打造成完整的移动Web APP，理解并掌握移动Web开发的基本技能，开发过程中也会讲解到移动web的技巧和遇到问题时解决方法和针对不同场景技术的选型。从而提升对移动端适配以及React 全家桶和组件化开发实战技能，本课程还覆盖了工作中常见移动Web开发问题，并且可以通过课程学习找到对应的技术解决方案。 3-1 代码管理工具&项目构建工具简介 3-2 webpack工具使用介绍 3-3 Sass预处理工具使用介绍 3-4 React组件化思想第4章项目开发构建环境搭建本章主要讲解的内容都是为下章实战项目做准备工作的开发，包括项目的最终结果演示，同时会讲解如何使用webpack来从0搭建配置一个项目的构建环境和基本的Redux使用方法，以便于对Redux不熟悉的同学巩固一下相关知识。 4-1 项目和技术栈介绍 4-2 项目演示 4-3 构建环境搭建（1） 4-4 构建环境搭建（2） 4-5 构建环境搭建（3） 4-6 构建环境搭建（4） 4-7 redux-react使用介绍（1） 4-8 redux-react使用介绍（2）第5章美团APP—首页开发开发首页，讲解通过React+Redux实现页面基本逻辑，使用flex进行页面布局，引入rem进行页面适配，实现tab切换，滚动加载逻辑，以及事件绑定逻辑。 5-1 底部tab按钮开发(webpack-dev-server配置) 5-2 底部tab按钮开发-UI逻辑编写（1） 5-3 底部tab按钮开发-UI逻辑编写（2） 5-4 底部tab按钮开发(rem配置) 5-5 底部tab按钮开发(集成ESlint) 5-6 底部tab按钮开发(集成HMR) 5-7 首页页面开发Header模块开发 5-8 首页页面开发SearchBar模块开发 5-9 首页页面开发-Category模块开发（1） 5-10 首页页面开发-Category模块开发（2） 5-11 首页页面开发(ContentList模块开发) 5-12 首页页面开发-ListItem模块UI开发 5-13 首页页面开发-ListItem模块样式开发 5-14 首页页面开发-ListItem模块数据渲染开发（1） 5-15 首页页面开发-ListItem模块数据渲染开发( 2 ) 5-16 首页页面开发(滚动加载逻辑实现) 5-17 订单页面开发(List模块开发) 5-18 订单页面开发(OrderItem模块开发)（1） 5-19 订单页面开发(OrderItem模块开发)（2） 5-20 订单页面开发(公共ScrollView模块开发) 5-21 我的页面UI开发 5-22 我的页面样式开发 5-23 集成react-router 第6章美团APP—评价和分类页开发开发评价页和分类页，讲解使用div+overflow实现局部滚动，移动端输入框相关使用技巧以及css伪类实现星型icon。 + u/ Y3 w) @, w7 e: ~: x 6-1 分类页面开发(顶部NavHeader模块开发) 6-2 分类页面开发(顶部Header tab 模块UI开发) 6-3 分类页面开发(顶部Header模块样式和逻辑开发) 6-4 分类页面开发(Filter面板模块“全部分类”数据渲染开发) 6-5 分类页面开发(Filter面板模块“排序和筛选”数据渲染实现 6-6 分类页面开发(Filter面板模块样式开发) 6-7 分类页面开发(Filter面板模块item逻辑实现) 6-8 分类页面开发(列表List模块开发) 6-9 评价页面开发(UI开发) 6-10 评价页面开发(样式开发) 6-11 评价页面开发(交互逻辑开发) 第7章美团APP—详情页开发开发详情页，讲解点菜选择器相关逻辑，通过React组件化对之前页面的公共组件进行抽离，通过封装scrollview实现评价tab的数据加载，以及使用css伪类实现1px边框。 7-1 详情页顶部tab开发(UI开发) 7-2 详情页顶部tab开发(样式交互逻辑开发) 7-3 详情页点菜页面开发(LeftBarUI开发) 7-4 详情页点菜页面开发(LeftBar 样式和逻辑开发) 7-5 详情页点菜页面开发(RightContent UI和样式开发) 7-6 详情页点菜页面开发(RightContent逻辑开发) 7-7 详情页点菜页面开发(ShopBar UI和样式开发) 7-8 详情页点菜页面开发(ShopBar 逻辑开发) 7-9 详情页点菜页面开发(ShopBar-chooseList 交互开发)（1） 7-10 详情页点菜页面开发(ShopBar-chooseList 交互开发)（2） 7-11 详情页评论页面开发(顶部Header开发) 7-12 详情页评论页面开发(列表List 数据绑定) 7-13 详情页评论页面开发(列表List UI开发) 7-14 详情页评论页面开发(列表List样式逻辑开发) 7-15 详情页商家页面开发(UI开发) 7-16 详情页商家页面开发(样式开发) 第8章美团APP—回顾与性能优化通过nodejs和express实现后端数据的代理，通过设置cookie来实现对美团外卖真实数据的请求。对首面和详情页的tab加载逻辑进行懒加载和对之前的滚动加载逻辑优化，同时通过构建来完善页面请求资源的优化。打包并发布到腾讯云。… 4 l2 a# {” ?3 n4 U 8-1 懒加载性能优化 8-2 JS和CSS公共文件抽离优化 8-3 编写后台server读取真实数据 8-4 多Tab 页切换与滚动数据加载优化 8-5 项目打包 8-6 项目发布第9章美团APP与hybrid深度结合本章主要围绕Hybrid进行讲解，使用OC代码带领大家开发一个简单的webview组件，同时讲解web和native之间的通信机制，并开发jsbridge接口完善美团外卖项目，让项目看起来更像是一个真正的APP。 ) k# [6 L9 j( h v1 q 9-1 JS bridge 原理 9-2 iOS webview + JS API接口+iOS APP集成第10章课程总结回顾和总结课程讲解内容，能更好的回归和归纳。 8 e( b: b3 m* s 10-1 课程总结

450